<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css"></style>
</head>
<body>
    <h1>AJAX</h1>
    <hr>

    <script>
        // 创建XHR请求对象
        var xhr = new XMLHttpRequest();
        // console.log(xhr);
        
        // 事件回调 xhr
        xhr.onreadystatechange = function() {
            // console.log(xhr.readyState);
            if (xhr.readyState == 4 && xhr.status == 200) {
                // 获取服务端的响应文本
                alert(xhr.responseText);
            }
        }
        
        // 请求初始化
        // 参1 method  HTTP的请求方式 post/get/head
        // 参2 URL  请求地址
        // 参3 是否同/异步   默认是true(异步)
        // 参4,5  认证的用户名和密码
        xhr.open('get', './php/1.php', true);

        // 发送请求
        xhr.send();

    
    </script>
</body>
</html>